iT邦幫忙

2022 iThome 鐵人賽

DAY 8
0
自我挑戰組

文科生轉職React前端工程師的菜鳥學習日記系列 第 8

[Day08] 天天上網看到的HTTP是甚麼? Web開發初學者必學!!!

  • 分享至 

  • xImage
  •  

前一篇分享到網站的行為動作CRUD(Create新增、Read查詢、Update更新、Delete刪除),對應的HTTP動作,來看下面的表格複習一下

中文 英文 意思 SQL HTTP
增加 Create 建立 INSERT PUT / POST
刪除 Delete 刪除 DELETE DELETE
查詢 Read 讀取 SELECT GET
改正 Update 更新 UPDATE PUT / POST / PATCH

天天上網看到的HTTP是甚麼?
瀏覽器最常用的通訊協定就是HTTP,不管是做前端、後端還是設計API,或是使用API的人,都需要了解甚麼是HTTP!
google_http
超文本傳輸協定(英語:HyperText Transfer Protocol,縮寫:HTTP)是一種用於分佈式、協作式和超媒體訊息系統的應用層協定。HTTP是全球資訊網的數據通信的基礎。
HyperText意思是在文件上加上超連結可以連出去。

設計HTTP最初的目的是為了提供一種發布和接收HTML頁面的方法。透過HTTP或者HTTPS協定請求的資源由統一資源識別碼(Uniform Resource Identifiers,URI)來標識。

上面寫的落落長,太多專有名詞是不是還是看不太懂呢?

簡單一點來說HTTP就是客戶端(使用者)和伺服器端(網站)之間請求和回應的標準,我這邊理解類似電話撥打出去的過程,通常使用TCP協定。透過使用網頁瀏覽器、網路爬蟲或者其它的工具,客戶端發起一個HTTP請求到伺服器上指定位置埠port。我們稱這個客戶端為使用者代理程式(user agent)。回應的伺服器上儲存著一些資源,比如HTML檔案和圖片或影像。我們稱這個回應的伺服器為原始/源伺服器(origin server)。在使用者代理和原始/源伺服器中間可能存在多個「中間層」(Middle Tier),比如代理伺服器(Proxy Server)、閘道器(gateway)或者隧道(tunnel)。

通常,由HTTP客戶端發起一個請求,建立一個到伺服器指定位置埠port的TCP連線。HTTP伺服器則在那個埠port監聽客戶端的請求。一旦收到請求,伺服器會向客戶端返回一個狀態,比如"HTTP/1.1 200 OK",以及返回的內容,如請求的檔案、錯誤訊息、或者其它訊息。

菜鳥新手沒寫技術文章不知道,HTTP的內容和細節真的超級多!
感覺像是老高挖得坑愈看是愈多XD
HTTP和HTTPS有不一樣嗎?
TCP協定又是甚麼呢?
中間層、代理伺服器、閘道器、隧道又是甚麼呢?
返回狀態200又是甚麼意思呢?
下一篇繼續來分享

參考資料:維基百科-超文本傳輸協定

這是我第一次參加鐵人賽,希望透過這30天督促自己脫離菜味,內容預計會有JS基礎,API串接,用React完成一個可以新增、修改、刪除、查詢的網站,如果有錯誤歡迎指正,我會盡快修改。


上一篇
[Day07] React專案開始前,CRUD是什麼?
下一篇
[Day09] HTTP的超多眉角,HTTP和HTTPS差別是甚麼?
系列文
文科生轉職React前端工程師的菜鳥學習日記30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言